<template>
	<view class="main">
		<v-search-nav></v-search-nav>
		<v-filter-bar ref="filterbar"></v-filter-bar>
		<view class="lesson-warp" @click="hideAll">
			<view class="item"><v-competitive-summary mclass="lesson-card" :card="subject_card_list[0]"></v-competitive-summary></view>
			<view class="item"><v-competitive-summary mclass="lesson-card" :card="subject_card_list[1]"></v-competitive-summary></view>
		</view>
	</view>
</template>

<script>
	import searchbar from './components/search-teacher.vue'
	import competitiveSummary from './components/competitive-summary'
	import filter from './components/filter-bar.vue'
	export default {
		data () {
			return {
				subject_card_list: [
					{
						subject_name: '语文',
						subject_id: '12',
						card_title: '2019中考必备复习方法讲座',
						card_duration: '4.12-5.20',
						card_date: '每周四/日',
						card_daytime: '15:00-17:00',
						card_lesson_count: '6节课',
						lesson_price: '免费',
						lesson_preprice: '¥1200',
						remain_place: '11',
						remain_date: '4',
						lesson_entered: '1204',
						lesson_teachers: [
							{
								t_id: '123',
								t_avatar: '/static/image/lesson-teacher-avatar.png',
								t_name: "王小鹏"
							},
							{
								t_id: '1234',
								t_avatar: '/static/image/lesson-teacher-avatar1.png',
								t_name: "王丽"
							}
						]
					},
					{
						subject_name: '数学',
						subject_id: '13',
						card_title: '2019数学中考必备复习方法',
						card_duration: '4.12',
						card_date: '周四',
						card_daytime: '15:00-17:00',
						card_lesson_count: '1节课',
						lesson_price: '免费',
						lesson_preprice: '¥1200',
						remain_place: '11',
						remain_date: '4',
						lesson_entered: '204',
						lesson_teachers: [
							{
								t_id: '123',
								t_avatar: '/static/image/lesson-teacher-avatar.png',
								t_name: "王小鹏"
							},
							{
								t_id: '1234',
								t_avatar: '/static/image/lesson-teacher-avatar1.png',
								t_name: "王丽"
							},
							{
								t_id: '12345',
								t_avatar: '/static/image/lesson-teacher-avatar.png',
								t_name: "王博"
							}
						]
					}
				]
							
			}
		},
		components: {
			vCompetitiveSummary: competitiveSummary,
			vSearchNav: searchbar,
			vFilterBar: filter
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	@import '../../static/font_lesson/iconfont.css';
	page{background: #F7F7F7;}
	
	.naver{padding-top: 148upx;}
	.banner{display:flex; justify-content: center; margin: 0 auto;}
	.type-wrap{padding:36upx 30upx;}
	
	.class-wrap{margin-top:12upx; padding:0 30upx;}
	.class-wrap .summary-wrap{display:flex; justify-content: space-between; flex-wrap:wrap;}
	.class-wrap .summary-wrap .item{ margin-top:30upx;}
	
	.title-wrap{display: flex;}
	.title-wrap .title{}
	.title-wrap .btn-more{flex:1; text-align: right;}
	
	.competitive-wrap{margin-top:12upx; padding:0 30upx;}
	.competitive-wrap .summary-wrap{display:flex; justify-content: space-between; flex-wrap:wrap;}
	.competitive-wrap .summary-wrap .item{margin-top: 36upx; width:100%;}
	
	.teacher-wrap{overflow: hidden; margin-top:12upx; padding:30upx 30upx;}
	.teacher-wrap .scroll-wrap{white-space:nowrap; width: 100%; margin-top:30upx;}
	.teacher-wrap .scroll-wrap .item{display:inline-block; margin-right:20upx;}
	
	.lesson-warp{padding: 0 40upx;}
	.lesson-warp .item{margin-bottom: 20upx; width:100%;}
	.item .lesson-card{background: #FFF !important; border-radius: 20upx;}
</style>
